/* loading加载框 */
.loading{
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: fixed;
	left: 0;
	top: 0;
    z-index: 1200;
    display: -webkit-flex;
	display: flex;
	align-items: center;
}
.loading .middlews{
	width: 100%;
	height: 30px;
    overflow: hidden;
    display: -webkit-flex;
	display: flex;
	justify-content: center;
}
.loading .middlews span{
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: relative;
}
.loading .middlews .left{
	background-color: #81D6CF;
	margin-right: 5px;
	animation: .8s leftAni infinite linear;
	-webkit-animation: .8s leftAni infinite linear;
}
.loading .middlews .right{
	background-color: red;
	margin-left: 5px;
	animation: .8s rightAni infinite linear;
	-webkit-animation: .8s rightAni infinite linear;
}
@keyframes leftAni{
	0%{
		left:0;
	}
	25%{
		z-index: 1001;
	}
	50%{
		left:20px;
	}
	75%{
		z-index: 1000;
	}
	100%{
		left: 0;
	}
}
@-webkit-keyframes leftAni{
	0%{
		left:0;
	}
	25%{
		z-index: 1001;
	}
	50%{
		left:20px;
	}
	75%{
		z-index: 1000;
	}
	100%{
		left: 0;
	}
}
@keyframes rightAni{
	0%{
		left:0;
	}
	25%{
		z-index: 1000;
	}
	50%{
		left:-20px;
	}
	75%{
		z-index: 1001;
	}
	100%{
		left: 0;
	}
}
@-webkit-keyframes rightAni{
	0%{
		left:0;
	}
	25%{
		z-index: 1000;
	}
	50%{
		left:-20px;
	}
	75%{
		z-index: 1001;
	}
	100%{
		left: 0;
	}
}
/* 无数据组件  */
.no-data{
	width: 100%;
	height: 100%;
	background-color:transparent;
	position: fixed;
	z-index: 990;
	left: 0;
	top: 0;
}
.no-data img{
	width: 100px;
	height: 100px;
	position: absolute;
	left: 0;
	right:0;
	top: 250px;
	margin: auto; 
	border-radius:50%;
}
.no-data .no-data-text{
	width: 200px;
	height: auto;
	text-align: center;
	position: fixed;
	top: 370px;
	left: 0;
	right: 0;
	margin: auto;
}
.no-data .text{
	width: 100%;
	height: auto;
	font-size: .14rem;
	color: #ccc;
}
.no-data .btn{
	width: 100px;
	height:35px;
	border-radius: 5px;
	margin: 10px auto 0;
	background-color: #81D6CF;
	color: #fff;
}
/* 图片预览组件  */
.preview-img{
    width: 100vw;
    height: 100vh;
    position: fixed;
    z-index: 1300;
    left: 0;
    top: 0;
    background-color: #000;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s;
    transition: .3s;
}
.previewimgactive{
    transform: scale(1);
    -webkit-transform: scale(1);
}
.preview-img .show-box{
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.preview-img .show-box img{
    max-width: 100vw;
    max-height: 100vh;
}
/* 组件层级关系说明，loading 层级最高 为 1200 其次弹层类 1000 */
/* iconfont */
@font-face {font-family: "iconfont";
src: url('iconfont.eot?t=1571898743256'); /* IE9 */
src: url('iconfont.eot?t=1571898743256#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAKYAAsAAAAABlAAAAJNAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcApUZQE2AiQDCAsGAAQgBYRtBzUbkAXInpo8KVI1/WABkltTYKCACKL9frN3h4kmomgWTeSfKMESCWKjZK1ewjua0+uY9NtRSA5ZoU3S9j79hj+fgWMhCRSz0JuQrXDrhU7L61myV+/zXI5vAR3I/EDneNca0xZN6gV0Lw6kQPfAKLJCCbxh7IIX+JhAs3EdEodjM/NQprBXBeKGWSaUFTKKwuqNQn3DwSKe1WlMj+kXwFP0/fgHLcpI6jK77aQ2moaBL86SfFvdus4PbpcLgR0jYxUoxEVj5UihYGyh5kqRaXCs5uBLVQU+cVS3YH+d3dgKRqHyTKqne9R6gseaqg8YmXQZ0dfe2enNx1tT+mqtFXfeP2/zv6GFyqmCz/P9ZKdyNdo9enKcn2Q/u+c5xmAAoHrItflBIGheV6/Xbt6ogNfT5ShVPRQYFqNxN9Hgd6gDh4qht72paGqjNuk7TUezZlSAE93yUx1959aGxgmxBmMZskazRGFWUafFBuo12kGzFePHW/TgCkVpwrJtgNDpEUm7F2Sd/ojC5FCn3z/qdUYhml1Fz4Ut5oNVHHA0BaZJcpWwlO9R1y8q4uZZtGLH5Hl9xC0ij1ieqJJSro+jh3yJLdGSpQlBCeW+S8bAc+g4Pgm4n8WUkDJCBF2yTJveJKV8Fyoc4JBJQGlE0iqCSfF5aDBeqKh8fhayxBwm3jFQly9CXITNTqgkygBi3OINGniUVyJLLBpBoAiK87mIMTAPORw+Imiel4VSBElmQinQRXZG0aEWaXub+3cnoJntTOG0Zy0108vEzC97LAYAAA==') format('woff2'),
url('iconfont.woff?t=1571898743256') format('woff'),
url('iconfont.ttf?t=1571898743256') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('iconfont.svg?t=1571898743256#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.iconfanhuianniu:before {
content: "\e60b";
}